<template lang="">
    <div class="index">
        <headers class="goTop"></headers>

        <!-- 精品优选 -->
        <excellentBox :goodLists="excellentList" :title="title3"></excellentBox>

        <!-- 最新发布 -->
        <searchBox :goodLists="goodLists" :title="title1"></searchBox>

        <!--热门资源  -->
        <searchBox :goodLists="goodLists" :title="title2"></searchBox>

        <!-- 求帮助、求问答、求资源 -->
        <div class="askFor">
            <askFor :askForHelpItems="askForHelpItems" :title="askTitle1"></askFor>
            <askFor :askForHelpItems="askForHelpItems" :title="askTitle2"></askFor>
            <askFor :askForHelpItems="askForHelpItems" :title="askTitle3"></askFor>
        </div>

        <!-- 最新资源 -->
        <newRecource :newRecourceListMain="newRecourceListMain" :newRecourceListOthers="newRecourceListOthers">
        </newRecource>

        <!-- 轮播商标 -->
        <swipper></swipper>

        <!-- 底部栏 -->
        <footers></footers>
        <el-backtop target=".goTop"></el-backtop>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                askTitle1: "求帮助",
                askTitle2: "求问答",
                askTitle3: "求资源",
                title1: "最新发布",
                title2: "热门资源",
                title3: "精品优选",
                excellentList: [{
                        id: "002",
                        desc: "对物品的一段简短描述2",
                        price: 122.3,
                        newPrice: 100.0,
                    },
                    {
                        id: "003",
                        desc: "对物品的一段简短描述3",
                        price: 122.3,
                        newPrice: 100.0,
                    },
                    {
                        id: "004",
                        desc: "对物品的一段简短描述4",
                        price: 122.3,
                        newPrice: 100.0,
                    },
                ],
                goodLists: [{
                        id: "002",
                        desc: "对物品的一段简短描述2",
                        price: 122.3,
                        newPrice: 100.0,
                    },
                    {
                        id: "003",
                        desc: "对物品的一段简短描述3",
                        price: 122.3,
                        newPrice: 100.0,
                    },
                    {
                        id: "004",
                        desc: "对物品的一段简短描述4",
                        price: 122.3,
                        newPrice: 100.0,
                    },
                    {
                        id: "005",
                        desc: "对物品的一段简短描述5",
                        price: 122.3,
                        newPrice: 100.0,
                    },
                ],
                askForHelpItems: [{
                        id: "001",
                        imgSrc: "",
                        imgDesc: "对物品图片的描述",
                        desc: "一段简短的描述有关物品",
                        price: 1.99,
                        oldPrice: 4.99,
                        discount: 60,
                    },
                    {
                        id: "001",
                        imgSrc: "",
                        imgDesc: "对物品图片的描述",
                        desc: "一段简短的描述有关物品",
                        price: 1.99,
                        oldPrice: 4.99,
                        discount: 60,
                    },
                    {
                        id: "001",
                        imgSrc: "",
                        imgDesc: "对物品图片的描述",
                        desc: "一段简短的描述有关物品",
                        price: 1.99,
                        oldPrice: 4.99,
                        discount: 60,
                    },
                ],
                newRecourceListMain: [{
                        id: '002',
                        imgSrc: '',
                        desc: 'How the coronavirus affected Esports and the Gaming industry',
                        newTime: '2 days ago',
                        watchCount: 15,
                        tag: 'business'
                    },
                    {
                        id: '005',
                        imgSrc: '',
                        desc: 'Box creation Guide',
                        newTime: '3 days ago',
                        watchCount: 402,
                        tag: 'business'
                    }
                ],
                newRecourceListOthers: [{
                        id: '002',
                        imgSrc: '',
                        desc: 'How the coronavirus affected Esports and the Gaming industry',
                        newTime: '2 days ago',
                        watchCount: 15,
                        tag: 'business'
                    },
                    {
                        id: '005',
                        imgSrc: '',
                        desc: 'Box creation Guide',
                        newTime: '3 days ago',
                        watchCount: 52,
                        tag: 'business'
                    },
                    {
                        id: '007',
                        imgSrc: '',
                        desc: 'July’s Most Popular Design News Articles',
                        newTime: '3 month ago',
                        watchCount: 202,
                        tag: 'business'
                    }
                ]
            };
        },
        methods: {},
    };
</script>
<style lang="less" scoped>
    @import url("./index.less");
</style>